<!--  -->
<template>
  <div class="tab">
    <div>
      <router-link to="/goods">商品</router-link>
    </div>
    <div>
      <router-link to="/ratings">评价</router-link>
    </div>
    <div>
      <router-link to="/seller">商家</router-link>
    </div>
  </div>
</template>

<script>
export default {
  name: 'tab',
  data () {
    return {}
  },
  methods: {}
}
</script>
<style lang='stylus' scoped>
.tab
  width 100%
  display flex
  height 40px
  line-height 40px
  text-align center
  position relative
  &:after
    display block
    position absolute
    left 0
    bottom 0
    width 100%
    border-top 1px solid rgba(7, 17, 22, 0.5)
    content ''
  &>div
    flex 1
    // border: 2px solid #eee;
</style>
